<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/personal.css">
</head>

<body>
    <!-- 1. 网页头部 -->
    <header>
        <div class="center header-center">
            <!-- 左边logo -->
            <img class="logo" src="./images/logo.png" alt="">
            <!-- 右边工具栏 -->
            <div class="toolbar">
                <a href="#">登录</a>
                <a href="#">注册</a>
                <div class="search-box">
                    <input type="text" placeholder="热门搜索：干花花瓶">
                    <img src="./images/ss.png" alt="">
                </div>
                <img class="mine-icon" src="./images/gt3.png" alt="">
                <img src="./images/ewm.png" alt="">
            </div>
        </div>
    </header>
    <!-- 2. 导航菜单 -->
    <nav>
        <div class="center">
            <!-- 菜单 -->
            <ul class="menu">
                <li>
                    <!-- 可以页面跳转 -->
                    <a href="">首页</a>
                </li>
                <li class="active">
                    <!-- 可以页面跳转 -->
                    <a href="">所有商品</a>
                    <!-- 二级菜单 -->
                    <div class="sub-menu">1111</div>
                </li>
                <li>
                    <!-- 可以页面跳转 -->
                    <a href="">装饰摆件</a>
                </li>
                <li>
                    <!-- 可以页面跳转 -->
                    <a href="">布艺软饰</a>
                </li>
                <li>
                    <!-- 可以页面跳转 -->
                    <a href="">墙式壁挂</a>
                </li>
                <li>
                    <!-- 可以页面跳转 -->
                    <a href="">蜡艺香薰</a>
                </li>
                <li>
                    <!-- 可以页面跳转 -->
                    <a href="">创意家居</a>
                </li>
            </ul>
        </div>
    </nav>

    <!-- 6. 四个服务 -->
    <div class="service">
        <div class="center">
            <div class="service-item">
                <img src="./images/foot1.png" alt="">
                <span>7天无理由退货</span>
            </div>
            <div class="service-item">
                <img src="./images/foot1.png" alt="">
                <span>7天无理由退货</span>
            </div>
            <div class="service-item">
                <img src="./images/foot1.png" alt="">
                <span>7天无理由退货</span>
            </div>
            <div class="service-item">
                <img src="./images/foot1.png" alt="">
                <span>7天无理由退货</span>
            </div>
        </div>
    </div>
    <!-- 7. 网页底部 -->
    <footer>
        <div class="center">
            <p>蜗牛家居©2019-2021公司版权所有 京ICP备080100-xx号</p>
            <p>违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
        </div>
    </footer>


    <!-- 弹窗 -->
    <div class="cover">
        <!-- 中间弹窗 -->
        <div class="dialog">111111</div>
    </div>
</body>

</html>